<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, user-scalable=no,initial-scale=1.0,maximum-scale=1,minimum-scale=1" />
        <title>Document</title>
        <link rel="stylesheet" href="css/common.css" />
        <link rel="stylesheet" href="css/normalize.css" />
        <link rel="stylesheet" href="css/index.css" />
    </head>
    <body>
        <!-- 顶部搜索框 -->
        <div class="search-content">
            <a href="#" class="classify"></a>
            <div class="search">
                <form action="">
                    <input type="search" value="厨卫保暖季 哒哒哒" />
                </form>
            </div>
            <a href="#" class="login">登录</a>
        </div>
        <!-- banner部分 -->
        <div class="banner">
            <img src="upload/banner.gif" alt="" />
        </div>
        <!-- 广告部分 -->
        <div class="ad">
            <a href="#">
                <img src="upload/ad1.gif" alt="" />
            </a>
            <a href="#">
                <img src="upload/ad2.gif" alt="" />
            </a>
            <a href="#">
                <img src="upload/ad3.gif" alt="" />
            </a>
        </div>
        <!-- nav模块 -->
        <nav>
            <a href="#">
                <img src="images/nav1.png" alt="" />
                <span>爆款手机</span>
            </a>
            <a href="#">
                <img src="images/nav2.png" alt="" />
                <span>爆款手机</span>
            </a>
            <a href="#">
                <img src="images/nav3.png" alt="" />
                <span>爆款手机</span>
            </a>
            <a href="#">
                <img src="images/nav4.png" alt="" />
                <span>爆款手机</span>
            </a>
            <a href="#">
                <img src="images/nav5.png" alt="" />
                <span>爆款手机</span>
            </a>
            <a href="#">
                <img src="images/nav6.png" alt="" />
                <span>爆款手机</span>
            </a>
            <a href="#">
                <img src="images/nav7.png" alt="" />
                <span>爆款手机</span>
            </a>
            <a href="#">
                <img src="images/nav8.png" alt="" />
                <span>爆款手机</span>
            </a>
            <a href="#">
                <img src="images/nav9.png" alt="" />
                <span>爆款手机</span>
            </a>
            <a href="#">
                <img src="images/nav10.png" alt="" />
                <span>爆款手机</span>
            </a>
        </nav>
    </body>
</html>
